@import "./common/common";

.chat-list{
    width:100%;
    overflow: hidden;
    background: #fff;
    padding-left:rem(20);
    border-bottom: 1px solid $borderColor;
    
    li{
        padding:rem(18) 0;
        border-top:1px solid $borderColor;
        overflow: hidden;
        a{
            display: block;
            position: relative;
            height:rem(100);
            // padding:0 rem(140) 0 rem(120);
        }
        .user-img{
            position: relative;
            float:left;
            width:rem(100);
            height:rem(100);
            margin-right:rem(20);
            img{
                width:100%;
                height:100%;
                border-radius: rem(8);
            }
        }
        .content{
            float:left;
            width:rem(450);
        }
        // .user-img{
        //     position: absolute;
        //     left:0;
        //     width:rem(100);
        //     height:rem(100);
           
       
            
        // }
        .nick-name{
            line-height: rem(55);
            font-size:rem(30);
            color:#000;
            font-weight: bold;
        }
        .message{
            line-height: rem(40);
            color:#999;
            font-size:rem(26);
        }
        .date{
            float: right;
            width:rem(120);
            font-size:rem(20);
            margin:rem(10) rem(40) 0 0;
            color:#999;
            line-height: rem(35);
        }
       
    }

}
.label{
    position: absolute;
    right:rem(-15);
    top:rem(-15);
    max-width: rem(30);
    height:rem(36);
    padding:0 rem(10);
    background: $labelColor;
    border-radius: rem(36);
    color:#fff;
    font-size:rem(20);
    text-align: center;
    line-height: rem(36);
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}